<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <!--mathjax-->
    <script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
    <script type="text/x-mathjax-config">
      MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
    </script>
    <title>{{ site.name }} - {{ page.title }}</title>

    <link rel="stylesheet" href="{{ site.baseurl }}css/styles.css">
    <link rel="stylesheet" href="{{ site.baseurl }}css/custom.css">
    <link rel="stylesheet" href="{{ site.baseurl }}css/syntax.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
  </head>
  <body>
    <div id="container">
      <div id="header">
	<div id="commute"><img src="http://plastic-idolatry.com/erik/cats2.png"/></div>
	<div id="toolbox">
	  <table id="tooltable">
	    <tr><td class="label">Source:</td><td class="link"><a href="https://github.com/non/cats">Github</a></td></tr>
	    <tr><td class="label">Chat:</td><td class="link"><a href="https://gitter.im/non/cats">Gitter</a></td></tr>
	    <tr><td class="label">Build:</td><td class="link"><a href="https://travis-ci.org/non/cats">Travis</a></td></tr>
	    <tr><td class="label">Api:</td><td class="link"><a href="{{site.apidocs}}">Scaladoc</a></td></tr>
	  </table>
	</div>
	<div id="banner">
          <h1>Cats</h1>
	</div>
      </div>
      <div id="wrapper">
	<div id="navbar">
	  <ul>
	    <li {%if page.section =="home" %} class="active" {% else %} class="inactive" {% endif %}>
	      <a href="{{ site.baseurl }}/index.html">About</a>
	    </li>
	    <li {%if page.section =="contributing" %} class="active" {% else %} class="inactive"{% endif %}>
	      <a href="{{ site.baseurl }}/contributing.html">Contributing</a>
	    </li>
	    <li {%if page.section =="typeclasses" %} class="active" {% else %} class="inactive" {% endif%}>
	      <a href="{{ site.baseurl }}/typeclasses.html">Typeclasses</a>
	    </li>
	    <li {%if page.section =="datatypes" %} class="active" {% else %} class="inactive" {% endif %}>
	      <a href="{{ site.baseurl }}/datatypes.html">Data Types</a>
	    </li>
	    <li {%if page.section == "resources_for_learners" %} class="active" {% else %} class="inactive" {% endif %}>
	      <a href="{{ site.baseurl }}/resources_for_learners.html">Resources For Learners</a>
	    </li>
	    <li {%if page.section =="colophon" %} class="active" {% else %} class="inactive" {% endif %}>
	      <a href="{{ site.baseurl }}/colophon.html">Colophon</a>
	    </li>
	  </ul>
	</div>
	<div id="content">
          {{ content }}
	</div>
      </div>
      {% if (page.section == 'data') or (page.section == 'typeclasses') and ((page.source != null) or (page.scaladoc != null))%}
      <div id="extra">
	<h5>useful links</h5>
	<ul>
	{% if page.source != null %}
	<li><a href="{{page.source}}">Source</a></li>
	{% endif %}
	{% if page.scaladoc != null %}
	<li><a href="{{site.apidocs}}{{ page.scaladoc }}">Scaladoc</a></li>
	{% endif %}
	</ul>
      </div>
      {% endif %}
      <div id="footer">
	<p>Last updated on <em>{{ site.time | date: '%B %d, %Y' }}</em></p>
      </div>
    </div>

    <script src="{{ site.baseurl }}js/scale.fix.js" type="text/javascript"></script>
  </body>
</html>
